<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<>
    <!-- 标题标签，有6个 -->
    <h1>这是标题1</h1>
    <h2>这是标题2</h2>
    <h3>这是标题3</h3>
    <h4>这是标题4</h4>
    <h5>这是标题5</h5>
    <h6>这是标题6</h6>


    <!-- 段落标签：p -->
    <!-- 标签中内容换行相当于空格，多个空格是一个空格处理，首尾换行空格均无效-->
    <!-- 换行标签：br，单标签 -->
    <p>
        《古诗三百首》收集了先秦两汉诗、魏晋南北朝诗、宋诗、辽金元诗、明诗、清诗近代诗等300首经典古诗词<br />
        其中既包括《诗经》和《楚辞》里的著名篇章，又包括历代天才诗人的杰出作品。
    </p>
    <p>
        在这些诗人中，三国的曹植被誉为“才高八斗”，他的诗不仅文辞优美，而且骨气奇高
    </p>

    <!-- 格式化标签：strong、b加粗，em、i倾斜，del、s删除线，ins、u下划线-->
    <strong>加粗strong</strong><br />
    <b>加粗b</b><br />

    <em>倾斜em</em><br />
    <i>倾斜i</i><br />

    <del>删除线del</del><br />
    <s>删除线s</s><br />

    <ins>下划线ins</ins><br />
    <u>下划线i</u><br />

    <!-- 图片标签：img，但标签-->
    <!-- img的属性：src:图片路径，路径支持绝对路径和相对路径，绝对路径可以是本地路径也可以是网络路径
                   alt:代替文本，title:提示文本，width/height:宽度和高度，border:边框-->
    <img src="./1.jpg" alt="图片加载失败" title="这是在汕尾拍的海景" height="300px" width="500px" border='1px'><br/>


    <!-- 超链接：a-->
    <!-- 属性：href:超链接地址，可以是：外部网址链接，网站内部网址链接（相对路径），下载链接（链接对应一个下载文件）
                                空链接，网页元素链接，可以给网页中任何元素添加超链接，直接将元素放在a标签内
                                锚点链接：可以快速定位到当前页面的某个位置-->
    <!-- 属性：target: 选项：_self:在当前页面打开，_blank在新的页面打开 -->
    <a href="https://gitee.com/crawler-w">我的gitee主页</a><br/>
    <a href="1.jpg">这是一个图片下载链接</a><br/>
    <a href="#">这是一个空链接</a><br/>
    <a href="https://gitee.com/crawler-w">
        网页元素链接，点击图片跳转gitee主页<br/>
        <img src="./1.jpg" alt="图片加载失败" title="点击图片跳转" height="50px" width="150px" border="1px">
    </a><br/>
    <a href="#1">第一集</a><br/>
    <a href="#2">第二集</a><br/>
    <a href="#3">第三集</a><br/>
    <p id="1">第一集</p> <!--id每个标签都有的属性，唯一标识一个标签-->
    <p id="2">第二集</p>
    <p id="3">第三集</p>
    
</body>

</html>